<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="home">
  <main class="main">
    <!-- 目前跑步距离 -->
    <div class="current_run">
      <p>目前累计的骑行距离</p>
      <span id="kilometer">0</span>公里
    </div>
    <!-- 地图插件 -->
    <div id="container" class="map">
      <div id="go" class="go">
        go
      </div>
    </div>
    <!-- 跑步路线 -->
    <div class="run_line" id="line">
      <p>
        <span class="run_titel">骑行路线</span>
        <span class="run_hehe">使用骑行路线，邂逅附近同行者</span>
      </p>
      <i class="iconfont icon-youjiantou1" ></i>
    </div>
  </main>
  <!-- 遮罩层 -->
  <div id="mask" class="mask">
    <p id="num">3</p>
  </div>
</body>
<script type="text/javascript">
  window._AMapSecurityConfig = {
    securityJsCode: '	6607ecac323df14639efb5f52ad8bdc3',
  }
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=	507ea10bc3c448ba4f8bffdfdded175f"></script>

</html>